了解 JSON 格式與其應用

JSON(JavaScript Object Notation)是一種輕量級的資料格式，廣泛用於伺服器與客戶端之間的資料交換。JSON是基於JavaScript語法的一種資料表示方式，但它獨立於任何程式語言，因此許多語言都支援JSON格式，像是Python、Java、C++ 等等。

JSON的結構
JSON使用鍵值對來表示資料，並且有兩種資料結構
1.物件(Object)：由{}包圍，內部包含鍵值對

{
  "name": "Alice",
  "age": 25,
  "isStudent": true
}

2.陣列(Array)：由[]包圍，裡面可以包含多個物件或值，例如：

[
  {"name": "Alice", "age": 25},
  {"name": "Bob", "age": 30}
]

在JavaScript中使用JSON
JavaScript提供了內建的JSON.parse()和JSON.stringify() 兩個方法來處理JSON。JSON.parse() 將JSON字串轉換為JavaScript物件，而JSON.stringify() 則是將JavaScript 物件轉換為JSON字串。

將JSON字串轉換為物件

let jsonString = '{"name": "Alice", "age": 25}';
let obj = JSON.parse(jsonString);
console.log(obj.name);  // 輸出: Alice

將物件轉換為 JSON 字串

let person = {name: "Bob", age: 30};
let jsonStr = JSON.stringify(person);
console.log(jsonStr);  // 輸出: {"name":"Bob","age":30}

JSON的應用
JSON主要用來作為伺服器與客戶端之間的資料傳遞格式，當你向伺服器發送請求時，伺服器通常會以 JSON格式回傳資料。在前端開發中，我們經常需要將JSON資料解析並顯示在頁面上。

例如，從一個API取得資料並顯示在網頁上：

fetch('https://api.example.com/user')
  .then(response => response.json())
  .then(data => {
    console.log(data.name);  // 顯示用戶名稱
  })
  .catch(error => console.log('出錯了:', error));

這段程式碼從API抓取資料，使用response.json()將回應轉換為JSON格式，再進一步操作資料。